.grey {
  color: grey;
  background-color: #eff4f5;
}

.userAuthModal {
  .userList {
    .userLi {
      padding: 0 0 0 12px;
      height: 40px;
      line-height: 40px;
      border-radius: 5px;
      width: 100%;
      user-select: none;

      display: flex;
      align-items: center;
      justify-content: space-between;

      >label{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

      }

      &:hover,
      &:focus {
        background: #edeeee;
      }

      >span{
        white-space: nowrap;
        >span {
          padding: 3px 6px;
          margin-right: 12px;
          border-radius: 5px;
          color: #3e5bff;
  
          > span {
            margin-right: 6px;
          }
        }

        &:hover >span {
          padding: 3px 6px;
          margin-right: 12px;
          background-color: #3e5bff33;
          border-radius: 5px;
          color: #3e5bff;
        }
      }

      :global {
        .ant-checkbox-wrapper {
          flex: 1 1;
        }
      }
    }
  }

  .selectUserList {
    .selectUserLi {
      padding: 0 12px;
      height: 40px;
      line-height: 40px;
      border-radius: 5px;

      display: flex;
      align-items: center;
      justify-content: space-between;

      &:hover,
      &:focus {
        background: #edeeee;
      }

      &>i {
        color: #2b2f36;
        font-size: 16px;
        padding: 4px;
        border-radius: 6px;
      }

      &>i:active {
        color: #2b2f36;
        font-size: 16px;
        background: #5a9de0;
        padding: 4px;
        border-radius: 6px;
      }

      &>i:hover {
        color: #2b2f36;
        font-size: 16px;
        background: #d8dada;
        padding: 4px;
        border-radius: 6px;
      }
    }
  }
}

.formMenuTree {
  display: flex;
  flex-wrap: wrap;
  // justify-content: space-around;
  gap: 16px;

  >span {
    // flex: 1 1;
    border: 1px solid #DCDCDC;
    border-radius: 6px;

    >span {
      width: 100%;
      line-height: 48px;
      display: inline-block;
      text-align: center;
      border-bottom: 1px solid #DCDCDC;
    }
  }
}